.rewind-credentials-form {
	.form-fieldset {
		width: 100%;
	}
}

.rewind-credentials-form__row {
	display: flex;
	flex-wrap: wrap;

	.form-fieldset:last-child {
		margin-bottom: 24px;
	}
}

@include breakpoint( '>960px' ) {
	.rewind-credentials-form__server-address,
	.rewind-credentials-form__username,
	.rewind-credentials-form__password {
		flex: 1 0 240px;
	}

	.rewind-credentials-form__server-address,
	.rewind-credentials-form__username {
		margin-right: 16px;
	}

	.rewind-credentials-form__port-number {
		flex: 0 0 160px;
	}
}

.rewind-credentials-form__cancel-button {
	float: right;
	margin-right: 15px;
}

.button.is-borderless.rewind-credentials-form__delete-button {
	float: left;
}

.button.is-borderless.rewind-credentials-form__advanced-button {
	float: none;
	margin-top: -8px;

	.gridicon {
		transition: transform 0.15s cubic-bezier( 0.175, 0.885, 0.32, 1.275 ), color 0.2s ease-in;
	}

	&.is-expanded .gridicon {
		transform: rotate( 180deg );
	}
}

.rewind-credentials-form__advanced-settings {
	margin-top: 24px;
}

.rewind-credentials-form__instructions {
	margin-bottom: 12px;
}

.rewind-credentials-form__tos {
	font-style: italic;
	margin-bottom: 10px;
}
